<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>{{ page.title }} - Administration interface for Ruby on Rails</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width" />
    <link rel="shortcut icon" href="{{ site.baseurl }}/images/favicon.ico" type="image/x-icon" />
    <link rel="icon" href="{{ site.baseurl }}/images/favicon.ico" type="image/x-icon" />

    <link rel="stylesheet" href="{{ site.baseurl }}/css/screen.css" type="text/css" media="screen" />
  </head>
  <body>
    <div class="page-wrap">
      {% include header.html %}

      <div id="home" class="page hero">
        <div class="content">
          <h1>Administration interface for Ruby on Rails</h1>
          <div class="hero-image">
            <img src="{{ site.baseurl }}/images/hero-image-pc.png" alt="releaf" class="pc" />
            <!--<img src="images/hero-image-tablet.png" alt="releaf" class="tablet" />-->
            <!--<img src="images/hero-image-phone.png" alt="releaf" class="phone" />-->
          </div>
        </div>
        <div class="hero-buttons">
          <ul class="content">
            <!--<li>-->
              <!--<a class="button has-icon" href="#demo">-->
                <!--<span>Demo</span>-->
                <!--<span class="icon">-->
                  <!--<img src="{{ site.baseurl }}/images/icons/eye.png" alt="demo" />-->
                <!--</span>-->
              <!--</a>-->
            <!--</li>-->
            <li>
              <a class="button has-icon" href="https://github.com/cubesystems/releaf">
                <span>Source code</span>
                 <span class="icon">
                  <img src="{{ site.baseurl }}/images/icons/brackets.png" alt="code" />
                </span>
              </a>
            </li>
            <li>
              <a class="button has-icon" href="{{ site.baseurl }}/documentation">
                <span>Documentation</span>
                <span class="icon">
                  <img src="{{ site.baseurl }}/images/icons/document.png" alt="docs" />
                </span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>

    {% include footer.html %}
  </body>
</html>
